.home {
  width: 100%;
  height: 100%;
  position: relative;
  background: rgba(229, 229, 229, 1);

  .TopBg {
    width: 100%;
    height: 110px;
    background-color: rgb(206, 223, 245);
  }

  .homeBg {
    height: 100%;
    .homeBgImg {
      width: 100%;
      height: 79%;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-bottom: 10vh;
      position: fixed;
      margin-top: 0%;
    }

  }


  .topFold {
    position: fixed;
    left: 46.5%;
    top: 12vh;
    z-index: 99998;
  }

  .topExpand {
    position: fixed;
    left: 46.5%;
    z-index: 99999;
    overflow: hidden;
  }

  .top_img_fold {
    width: 60px;
    height: 60px;
  }

  .top_img_expand {
    width: 48px;
    height: 48px;
  }

  .topDown {
    position: fixed;
    left: 20px;
    // top: 11vh;
    z-index: 99997;
    display: flex;
    align-items: center;
    max-width: 40%;
    justify-content: left;
    // background-color: rgba(32,32,32,0.7);
    border: #195094 1px solid;
    color: #195094;
    border-radius: 10px;
    padding: 20px 24px;
    width: 240px;

    .top_img_down {
      width: 28px;
      height: 28px;
    }

    .top_text {
      width: 85%;
      margin-left: 10px;
      color: #195094;
      font-size: 26px;

    }
  }

  .topDownRight {
    position: fixed;
    right: 20px;
    // top: 11vh;
    z-index: 99997;
    display: flex;
    // align-items: center;
    max-width: 40%;
    // justify-content: left;
    // background-color: rgba(32,32,32,0.7);
    border: #195094 1px solid;
    border-radius: 10px;
    padding: 20px 24px;
    width: 240px;
    z-index: 99999;

    .top_img_down {
      width: 28px;
      height: 28px;
      color: #195094;
      font-size: 26px;
      line-height: -10px;
    }

    .top_text {
      width: 55%;
      margin-left: 25%;
      color: #195094;
      font-size: 26px;
    }
  }


  .fold {
    position: absolute;
    top: 88vh;
    z-index: 99999;
    left: 46.5%;
    width: 70px;
    height: 70px;
  }

  .expand {
    left: 46.5%;
    position: absolute;
    top: 94vh;
    right: 16px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    z-index: 99999;
    color: #fff;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    font-size: 22px;
  }

  .img-fold {
    width: 48px;
    height: 48px;
  }

  .img-expand {
    width: 60px;
    height: 60px;
  }


  .img_shop_icon {
    width: 100px;
    height: 98px;
  }

  .img_shop_close {
    position: fixed;
    left: 58%;
    top: 63.5vh;
    z-index: 999999;
  }

  .img_shop_close_icon {
    width: 30px;
    height: 30px;
  }

  .img_shop_right {
    position: fixed;
    right: 0;
    top: 57vh;
    z-index: 99998;

  }

  .img_shop_right_icon {
    width: 60px;
    height: 90px;
  }

  .customer_service {
    position: fixed;
    left: 40.5%;
    margin-top: -2%;
    z-index: 99998;
    width: 200rpx;
    height: 100rpx;

    .customer_service_icon {
      width: 200rpx;
      height: 200rpx;
      margin-left: -14%;
      margin-top: -29%;
    }
  }
  .modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 199999;
    align-items: center;
    justify-content: center;

    .modalCon {
      position: fixed;
      top: 300px;
      left: 85px;
      width: 580px;
      height: 400px;
      background-color: #fff;
      border-radius: 8px;
      z-index: 199999;
      color: #666;
      font-size: 28px;

      .modalHeader {
        text-align: center;
        padding: 20px;
        border-bottom: 2px solid #e5e5e5;
      }

      .modalContent {
        padding: 40px;
        white-space: pre-wrap;
        line-height: 45px;
        text-align: center;
      }

      .modalButton {
        position: fixed;
        top: 620px;
        left: 85px;
        width: 580px;

        :global {
          button {
            background: #ffffff;
            color: #6190e8;

            &:after {
              border: none;
              border-top: 2px solid #e5e5e5;
            }
          }
        }
      }
    }

  }
  .shuishou {
    position: fixed;
    left: 20px;
    top: 25vh;
    z-index: 99998;

    .shuishou_icon {
      width: 170px;
      height: 60px;
    }
  }



  .zjsz {
    position: fixed;
    right: 77.5%;
    height: 8%;
    width: 17%;
    top: 35.2%;
    z-index: 10000;
    text-align: center;
  }
  .ai {
    position: fixed;
    right: 40.8%;
    height: 8%;
    width: 17%;
    top: 35.1%;
    z-index: 10000;
    text-align: center;
  }

  .kjyvr {
    position: fixed;
    right: 27%;
    height: 15%;
    width: 30%;
    top: 75.8%;
    z-index: 10005;
    text-align: center;
  }

  .ygvr {
    position: fixed;
    right: 5%;
    height: 18%;
    width: 40%;
    top: 47.8%;
    z-index: 10005;
    text-align: center;
  }

  .szcf {
    position: fixed;
    right: 59.1%;
    height: 8%;
    width: 17%;
    top: 35.4%;
    z-index: 10000;
    text-align: center;
  }
  .ds {
    position: fixed;
    right: 22.1%;
    height: 8%;
    width: 17%;
    top: 35.1%;
    z-index: 10000;
    text-align: center;
  }
  .cj {
    position: fixed;
    right: 43.5%;
    height: 5%;
    width: 12%;
    top: 24.5%;
    z-index: 10000;
    text-align: center;
  }
  .cj_copy {
    position: fixed;
    right: 43.5%;
    height: 5%;
    width: 12%;
    top: 18%;
    z-index: 10000;
    text-align: center;
  }
  .vr_img {
    width: 100%; // 让图片占满父容器的宽度
    height: auto; // 保持原始比例
    object-fit: contain; // 保持图片比例

  }
  .cj_img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top left;
    object-position: top left;
    margin: -5rpx -35rpx 0;

  }
  .cj_img_copy {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top left;
    object-position: top left;
    margin: -5rpx -35rpx 0;
    z-index: 99999;

  }
  .zjsz_img {
    width: 170%;
    height: 170%;
    object-fit: fill;
    -o-object-position: top left;
    object-position: top left;
    margin: -35rpx -35rpx 0;
    transform: scaleX(1.7);
  }
  .ds_img {
    width: 170%;
    height: 170%;
    object-fit: fill;
    -o-object-position: top left;
    object-position: top left;
    margin: -35rpx -35rpx 0;
    transform: scaleX(1.7);
  }

  .szcf_icon {
    width: 170%;
    height: 170%;
    -o-object-fit: fill;
    object-fit: fill;
    -o-object-position: top left;
    object-position: top left;
    margin: -35rpx -35rpx 0;
    transform: scaleX(1.7)
  }

  .ai_icon {
    width: 170%;
    height: 170%;
    -o-object-fit: fill;
    object-fit: fill;
    -o-object-position: top left;
    object-position: top left;
    margin: -35rpx -35rpx 0;
    transform: scaleX(1.7)

  }

}
